<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./../Template/TemplateAccount.xhtml">


            <ui:define name="content">
                <p:fieldset legend="YOUR PROFILE" style="margin-top: 5px">
                    <center style="width: 790px;margin: 0 auto">
                        <f:view>
                            <h:form>
                                <p:panelGrid columns="2" style="width: 790px; border:none">
                                    <f:facet name="header">  

                                    </f:facet>
                                    <p:outputLabel value="AccountID:" for="accountID" />
                                    <p:inputText id="accountID" value="#{accountBean.profile.accountID}" title="AccountID" required="true" requiredMessage="The AccountID field is required." disabled="true"/>
                                    <p:outputLabel value="FullName:" for="fullName" />
                                    <p:inputText id="fullName" value="#{accountBean.profile.fullName}" title="FullName" />
                                    <p:outputLabel value="TelephoneNumber:" for="telephoneNumber" />
                                    <p:inputText id="telephoneNumber" value="#{accountBean.profile.telephoneNumber}" title="TelephoneNumber" />
                                    <p:outputLabel value="Email:" for="email" />
                                    <p:inputText id="email" value="#{accountBean.profile.email}" title="Email" />
                                    <p:outputLabel value="RoleID:" for="roleID" />
                                    <p:selectOneMenu id="roleID" value="#{accountBean.profile.roleID.roleID}" title="RoleID" editable="false" disabled="true" >
                                        <!-- TODO: update below reference to list of available items-->
                                        <f:selectItems value="#{accountBean.roles}" itemDisabled="true"/>
                                    </p:selectOneMenu>
                                    <p:outputLabel value="DepartmentID:" for="departmentID" />
                                    <p:selectOneMenu id="departmentID" value="#{accountBean.profile.departmentID.departmentID}" title="DepartmentID" disabled="true" >
                                        <!-- TODO: update below reference to list of available items-->
                                        <f:selectItems value="#{accountBean.departements}" itemDisabled="true"/>
                                    </p:selectOneMenu>

                                </p:panelGrid>
                            </h:form>
                        </f:view>
                    </center>
                </p:fieldset>
            </ui:define>


        </ui:composition>

    </body>
</html>
